<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <script type="text/javascript" src="js/rem.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <title>南京银行自主开发平台</title>
</head>
<body style="visibility: hidden;">
<div class="container-flex" tabindex="0" hidefocus="true">
    <div class="box-left">
        <div class="left-top">
            <div class="current-num">
                <div>队伍总数</div>
                <p id="duiwushu">33 支</p>
            </div>
        </div>
        <div class="left-center">
            <div class="title-box">
                <h6>参赛人员分布</h6>
            </div>
            <div class="chart-box pie-chart" style="">
                <div id="pie_fanzui" style="width:100%;"></div>
            </div>
        </div>
        <div class="left-bottom" class="select">
            <div class="title-box">
                <h6>赛事评委</h6>
            </div>
            <div class="chart-box">
                <table class="table3">
                    <thead>
                    <tr>
                        <th>姓名</th>
                        <th>角色</th>
                        <th>状态</th>
                    </tr>
                    </thead>
                    <tbody id="tList">
                    <!--<tr><td colspan="4"><p style="width:9.6rem;">暂无数据</p></td></tr>-->
                    <tr>
                        <td>张三</td>
                        <td>评委</td>
                        <td>在岗</td>
                    </tr>
                    <tr>
                        <td>李四</td>
                        <td>评委</td>
                        <td>在岗</td>
                    </tr>
                    <tr>
                        <td>王五</td>
                        <td>评委</td>
                        <td>在岗</td>
                    </tr>
                    <tr>
                        <td>赵六</td>
                        <td>参赛人</td>
                        <td>在岗</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="box-center">
        <div class="center-top">
            <h1><img src="images/njbank.png" style="width:55px;margin-right:20px;"/>南京银行开发者技能大赛</h1>
        </div>
        <div class="center-center">
            <div class="weather-box">
                <div class="data">
                    <p class="time" id="time">00:00:00</p>
                    <p id="date"></p>
                </div>
                <div class="weather">
                    <img id="weatherImg" src="images/weather/weather_img01.png" alt="">
                    <div id="weather">
                        <p class="active">多云</p>
                        <p>16-22℃</p>
                        <p>南京市</p>
                    </div>
                </div>
            </div>
            <img src="images/line_bg.png" alt="">
            <div class="select-box" style="height: 0.3rem;top: -15px;left: 20px">
                <div data-type="2">
                    <div class="select" tabindex="0" hidefocus="true" style="top: 2px">
                        <p id="ranking_one" style="color:#ff4a45;font-weight:bold;font-size: 12px">第一名：张三  100分</p>
                        <p id="ranking_two" style="color:#ffa139;font-weight:bold;font-size: 12px">第二名：李四  98分</p>
                        <p id="ranking_three" style="color:#deff23;font-weight:bold;font-size: 12px">第三名：王五  95分</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="center-bottom">
            <div class="chart-box">
                <div id="game_billboard" style="width:100%;height:95%;"></div>
            </div>
        </div>
    </div>
    <div class="box-right">
        <div class="right-top">
            <div class="current-num">
                <div>比赛剩余时间</div>
                <p id="shengyushijian">24小时0分钟</p>
            </div>
        </div>
        <div class="right-center">
            <div class="title-box">
                <h6>已完成比例</h6>
            </div>
            <div class="chart-box pie-chart">
                <div id="completion_rate" style="width:100%;height:200px;margin-left:0px;"></div>
            </div>
        </div>
        <div class="right-bottom">
            <div class="title-box">
                <p id="switchBtn"><span class="active" data-dataType="income">题目得分率</span></p>
            </div>
            <div id="qufenbu_data" style="width:100%;height:160px;margin-left:10px;"></div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/layer/layer.min.js"></script>
<script type="text/javascript" src="js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/china.js"></script>
<script type="text/javascript" src="js/infographic.js"></script>
<script type="text/javascript" src="js/macarons.js"></script>
<script type="text/javascript" src="js/shine.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript">
    $('document').ready(function () {
        $("body").css('visibility', 'visible');
        var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
        localStorage.setItem("data", localData);
    })
</script>
</html>